body , html { color:#000000; height:100%; font:100%/1.8 "\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0; }
html { background-color: #ededed; }
body { -webkit-text-size-adjust: none!important; }
a { text-decoration:none;color:#333333; }
a , button , input , label , select { -webkit-tap-highlight-color:transparent;}
img { border:0; vertical-align:top; }

/*loading*/
.preloader { position: fixed;left: 0; top: 0;right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99999; background-color: #ffffff; display: flex;}
.spinner { width: 40px; height: 40px;  margin: auto; background-color: #0182c6 ; border-radius: 50%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) }  100% {-webkit-transform: scale(1.0);  opacity: 0; }}
@keyframes sk-scaleout { 0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } }

.logo { text-align: center; padding: 20px; background: #ffffff; }
.logo img { width: 100px; }
.search { background: #ffffff; height: 50px; display: flex; justify-content:space-between; padding: 10px; margin: 10px 10px 0 10px; border-radius: 10px; }
.search .left { display: flex; justify-content:flex-start; }
.left .section {  background: #f5f5f5; border: #f5f5f5 1px solid; padding:0 5px 0 15px; border-radius: 10px; line-height: 25px; width: 44%; margin-right: 10px;  }
.left .section:last-child { width: 46%; margin-right: 0px;}
.left .section input { border: 0; width:100%; background: url('/static/wap/img/ico.png') #f5f5f5 no-repeat right center; background-size: 16px; outline:none; }
button { border: 0;  background: url('/static/wap/img/button.png') #017ac2 no-repeat center center;  width: 60px; background-size: 20px; border-radius: 10px;}

.con { margin: 0 10px; }
.list { border-radius: 10px;  background: #ffffff; margin: 10px 0 0 0; padding: 10px; }
.list a { font-size: 18px; line-height: 28px; font-weight: 700; }
.list .about {  }
.list .about a { font-size: 15px; line-height: 24px; font-weight: 500; color: #666666; padding: 4px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.list .info { font-size: 12px;  display: flex; justify-content:space-between; }
.list .info .add { color: #0182c6; }
.list .info .time { color: #999999; }
.list .info span { font-weight: 700; font-size: 12px; padding: 0 5px; }
.list .evaluate { border-top: 1px solid #f9f9f9;  margin-top: 4px; padding: 6px 4px 0 4px; font-size: 10px; color: #999999; }
.list .evaluate span  { font-weight: 700; font-size: 12px; padding: 0 10px; }

.more { text-align: center; color: #ababab; font-size: 12px; padding: 10px 0; }
